﻿@using DevExpress.Web.Mvc.UI
@using Dogshow.Model
@using Dogshow.Web.ViewModels.Korisnici
@model KorisnikViewModel
@{
    ViewBag.Title = "Dogshow - Korisnici";
}

<script>
    var idVrsteKorisnika = null;
    var korisnickoIme = null;
    function onVrstaKorisnikaValueChanged(s, e) {
        vrstaKorisnika = VrstaKorisnika.GetValue();
        if (vrstaKorisnika != idVrsteKorisnika) {
            idVrsteKorisnika = vrstaKorisnika;
            if (!cbpKorisnik.InCallback()) {
                cbpKorisnik.PerformCallback();    
            }
        }
    }

    function onCbpKorisnikBeginCallback(s, e) {
        e.customArgs['idVrsteKorisnika'] = idVrsteKorisnika;
        e.customArgs['korisnickoIme'] = korisnickoIme;
    }

    function onNoviUnos(s, e) {
        idVrsteKorisnika = null;
        korisnickoIme = null;
        if (!cbpKorisnik.InCallback()) {
            cbpKorisnik.PerformCallback();
        }
    }

    function onEditButtonClick(s, e) {
        korisnickoIme = gvKorisnici.GetRowKey(gvKorisnici.GetFocusedRowIndex());
        if (!cbpKorisnik.InCallback()) {
            idVrsteKorisnika = null;
            cbpKorisnik.PerformCallback();
        }
    }
</script>

<div id="korisnici">
    @Html.Partial("KorisniciGrid", Model.Korisnici)
    <div>
        <p style="margin-top: 10px;">Administratora: <span>@Model.UkupnoAdministratora</span></p>
        <p>Kinoloških društava: <span>@Model.UkupnoKinoloskihDrustava</span></p>
        <p>Korsinika: <span>@Model.UkupnoKorisnika</span></p>
        <p>Ukupno: <span>@Model.Ukupno</span></p>
    </div>
</div>
<div id="detaljiKorisnika">
    <div class="line">
        @Html.DevExpress().HyperLink(linkSettings =>
        {
            linkSettings.Name = "lnkNoviKorisnik";
            linkSettings.Properties.Text = "Novi korisnik";
            linkSettings.Properties.Style.Cursor = "pointer";
            linkSettings.Properties.ClientSideEvents.Click = "onNoviUnos";
        }).GetHtml()
        
    </div>
    <div class="line">
        @Html.Partial("_KorisnikCallbackPanel", Model)
    </div>
</div>


<style>
    #korisnici 
    {
        float: left;
        width: 350px;
    }
    
    #korisnici p 
    {
        padding: 2px 0;
        margin: 0;
    }
    
    #detaljiKorisnika 
    {
        margin-left: 355px;
    }
        
</style>